<!DOCTYPE html>
<!--文档主要语言 - 英语-->
<html lang="en">
    <!--head 包含不会在页面直接显示的内容，主要存放给浏览器看的元信息和配置-->
    <head>
        <!--使用UTF-8编码-->
        <meta charset="UTF-8">  
        <!--要求IE浏览器使用最新的渲染引擎-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!--name="viewport"，声明这是一个针对“视口”（浏览器显示区域）的元标签-->
        <!--width=device-width：使页面宽度等于设备宽度-->
        <!--initial-scale=1.0：设置初始缩放级别为100%-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--页面标题-->
        <title>Document</title>
    </head>
    <body>
        <!--align 是表格相对于周围元素的对齐方式 -->
        <!--border 表示边框. 1 表示有边框(数字越大, 边框越粗)-->
        <!--cellpadding: 内容距离边框的距离, 默认 1 像素-->
        <!--cellspacing: 单元格之间的距离. 默认为 2 像素-->
        <!--width / height: 设置尺寸-->
        <table align="center" border="1" cellpadding="10" cellspacing="0" 
            width="500" hight="500">
            <tr>
                <!--align 是内容相对于表格边框的对齐方式 -->
                <td align="right">姓名</td>
                <td>性别</td>
                <td>年龄</td>
            </tr>
            <tr>
                <td rowspan="1">张三</td>
                <td>男</td>
                <td>18</td>
            </tr>
            <tr>
                <!--跨行合并: rowspan="n"-->
                <!--跨列合并: colspan="n"-->
                <td>李四</td>
                <td colspan="2">男</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>女</td>
                <td>16</td>
            </tr>
        </table>
    </body>
</html>